<template>
  <el-card class="form-card" shadow="never">
    <div slot="header" class="clearfix">
      <span>{{ title }}</span>
    </div>
    <slot />
  </el-card>
</template>

<script>
export default {
  name: 'FormCard',
  props: {
    title: {
      type: String,
      default: ''
    }
  }
}
</script>

<style lang="scss">
.form-card{
  border-radius: 0px;
  margin-bottom: 15px;
  .el-card__header{
    background: #ddd;
    padding: 5px 15px;
  }
  .el-card__body{
    padding: 15px 15px 0 15px;
  }
}
</style>
